@import "variables";

.textarea-form {
  position: relative;
  background: white;
  display: flex;
  .textarea-warp {
    flex-grow: 1;
    display: flex;
    padding: pxTorem(24) pxTorem(30) pxTorem(16) pxTorem(24);
  }
  textarea {
    resize: none;
    flex-grow: 1;
    @include font-size(F3);
    color: color(c2);
    outline: none;
    border: none;
    &:read-only + .textarea-font-quantity {
      display: none;
    }
    &::-webkit-input-placeholder {
      color: color(c5);
    }
    &[disabled]{
      background-color: #fff;
      color: #333;
      opacity: 1;
    }
  }
  .textarea-font-quantity {
    display: inline-block;
    position: absolute;
    right: pxTorem(30);
    bottom: pxTorem(16);
    span {
      @include font-size(f5);
      color: color(c5);
    }
    .has-value {
      color: color(c1);
    }
  }
}



